.songList {
    min-width: 890px;
    height   : calc(100vh - 169px);

    .songList-left {
        width: 30%;
        float: left;

        // 72 48 24
        // height  : calc(100vh - 154px);

        .songlist-left-head {
            width           : 100%;
            height          : auto;
            background-color: #fff;
            padding         : 10px;

            & span {
                white-space: nowrap;
            }
        }

        .songlist-left-body {
            width           : 100%;
            height          : auto;
            background-color: #fff;

            .songlist-body-list {
                margin-top   : 10px;
                min-height   : 300px;
                height       : calc(100vh - 308px);
                overflow     : auto;
                border-radius: 2px;

                .songlist-body-item {
                    height    : 60px;
                    margin-top: 10px;
                    padding   : 6px 0 6px 20px;
                    cursor    : pointer;

                    &.active {
                        background-color: #e6e6e6;
                    }

                    .item-detail {
                        .item-title {
                            width        : 100%;
                            margin-bottom: 3px;
                            overflow     : hidden;
                            white-space  : nowrap;
                            text-overflow: ellipsis;
                        }

                        .item-content {
                            .item-songsum {
                                color: #999;
                            }
                        }

                        .item-delete {
                            display     : none;
                            float       : right;
                            margin-right: 10px;
                        }
                    }

                    &:hover {
                        background-color: rgba(0, 0, 0, 0.185);

                        .item-delete {
                            display: block;
                        }
                    }
                }
            }
        }

        .songlist-space {
            padding-bottom: 10px;
        }
    }

    .songList-right {
        width           : 68%;
        float           : right;
        box-sizing      : border-box;
        background-color: #fff;
        height          : calc(100vh - 194px);
        overflow        : auto;
    }
}